<template>
  <div class="about">
    <h1>This is an about page</h1>
    <button @click="fn()"></button>
  </div>
</template>
<script>
import { useRouter } from 'vue-router';

export default {
  setup(){
    var router = useRouter()
   function fn(){
     router.push({
      path:'/new',
      query:{
        id:666
      }
     })
   } 
   return{fn}
  }
}
</script>